<template>
  <div>
    <h1>这是App根组件---{{count}}</h1>
    <button class="btn btn-primary" @click="count+=1">+1</button>
    <hr>
    <!-- 在子组件中绑定的事件如果使用的是驼峰式的格式，在子组件的组件标签中进行监听事件的时候，要写成短横线格式 -->
    <!-- <son :num="count" @num-change="getNum"></son> -->
    <son v-model:num="count"></son>

  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name:'MyApp',
  components:{
    Son
  },
  data(){
    return{
      count:0
    }
  },
  // methods:{
  //   getNum(num){
  //     this.count=num
  //   }
  // },
}
</script>

<style lang="less" scoped>

</style>